import LogItem from "./LogItem";
import "./Logs.css";

const Logs = () => {
  // 定义数组
  const data = [
    {
      month: "三月",
      day: "20",
      title: "vue",
      time: "40分钟",
    },
    {
      month: "四月",
      day: "25",
      title: "react",
      time: "40分钟",
    },
    {
      month: "六月",
      day: "21",
      title: "javascript",
      time: "40分钟",
    },
    {
      month: "七月",
      day: "22",
      title: "css",
      time: "40分钟",
    }
  ];
  return (
    <div className="logs">
      {
        data.map((item, index) => {
          return <LogItem logitem={item} key={index}/>
        })
      }
      
    </div>
  );
};

export default Logs;
